<!------------------------------------------------->
<!-------------------head ----------------------->
<!------------------------------------------------->

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Defect Tracking System</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css">
</head>
<body>
            
<center>
<br>
<div class="pure-g">
	<style scoped>
        .button-secondary {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }
        .button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }

	</style>
	
    <div class="pure-u-1-3"> </div>
    <div class="pure-u-1-3">
    	<button class="button-secondary pure-button">Defect Tracking System</button> 
    </div>
    <div class="pure-u-1-3"> Team B </div>
</div>
<br><br>

<h3>Defect Tracking System Login</h3>

<!------------------------------------------------->
<!------------------- login form  ----------------------->
<!------------------------------------------------->

    
    
<form class="pure-form pure-form-aligned" action="LoginServlet">
    <fieldset>
        <div class="pure-control-group">
            <label class="pure-input-1-4" >Username</label>
            <input class="pure-input-1-4" id="username" type="text" name="username">
        </div>

        <div class="pure-control-group">
            <label class="pure-input-1-4">Password</label>
            <input class="pure-input-1-4" id="userpassword" type="password" name="userpassword">
        </div>

        <div class="pure-control-group">
            <button type="submit" class="pure-button pure-button-primary">Submit</button>&nbsp;&nbsp;
            <button type="reset" class="pure-button pure-button-primary">reset</button>
        </div>
    </fieldset>
</form>

</center>
</body>
</html>